@import "../../../assets/styles/flex.less";
@import "~antd/lib/style/themes/default.less";
@import "../../../assets/styles/size.less";

.navbar {
  background-color: #2196f3;
  height: @navbar-height;
  .flexH;

  .line {
    height: 60px;
    width: 1px;
    background: #ffffff;
  }
}

.left-navbar{
  width: @left-hide-width;
  .flexH;
  .flex-zCenter;
  .flex-cCenter;
  background-color: #2196f3;

  &.open{
    width: @left-show-width;
  }

  .link{
    cursor: pointer;
    color: #ffffff;
    font-size: 20px;
    text-align: center;

    .image{
      width: 40px;
      height: 40px;
      margin: 0px 10px;
    }

    .name{
      line-height: 40px;
      margin: 0px 10px;
    }
  }

  .toggle_sidemenu{
    cursor: pointer;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
    width: 40px;
  }
}

.right-navbar{
  .flex-1;
  .flexV;
  .flex-zCenter;
  .flex-cEnd;
  padding-right: 20px;
}
